<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Casino Slot Machine Game</title>
  <script asyn defer src="script.js"></script>
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <div class="machine">
    <div class="slot" id="slot1">
      <div class="value" id="value1">😂</div>
    </div>
    <div class="slot" id="slot2">
      <div class="value" id="value2">😍</div>
    </div>
    <div class="slot" id="slot3">
      <div class="value" id="value3">😎</div>
    </div>
  </div>
  <!-- <input id="inpSpeed" type="number" min="1" max="10"> -->
  <div class='controllers'>
    <input type='number' id='inpSpeed' min='1' max='10' value='10'>

    <button id='btnStart' onclick="startclick()">START</button>
    <button id='btnStop' onclick="stopclick() " style="display: none;">STOP</button>

  </div>
  <div class='output'>
    <p id='myoutput'>Hey! You are Rocking 😎🔥</p>
  </div>

</body>

</html>